<!DOCTYPE html>
<html style="background: #fff;">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/my-apply.css">
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body style="background:none;">
<div style="background:#fff;" id="type-data-list">
    <ul class="index-list" style="display: block">
        <li class=".list-li">
            <div class="mui-card">
                <!--内容区-->
                <div class="mui-card-content" style="padding: 0.16rem; ">
                    <div class="index-list-top link" data-href="activity_xq.html" data-id="9">

                        <img class="fl" src="images/cbanner1.jpg" alt="">
                        <div class="apply-card-cont">
                            <h3>话剧《茶馆》</h3>
                            <p>210分钟（中场休息15分钟）
                                纪念中国话剧诞辰110周年！
                            </p>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <!--页脚，放置补充信息或支持的操作-->
                <div class="mui-card-footer">
                    <div class="index-list-bottom">
                        <div class="index-list-bottom-left">
                            <p>时间：2017.12.28 - 2017.12.30</p>
                            <p class="map" data-address="成都市锦江区人民东路61号四川人民艺术剧院">地址：成都市锦江区人民东路61号四川人民艺术剧院</p>
                        </div>
                    </div>
                    <img class=" collection-img-like " src="images/like.png"/>
                </div>
            </div>
        </li>
        <div class="layui-flow-more">没有更多了</div>
    </ul>
</div>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>

<script>
    layui.use('layer', function () {
        var layer = layui.layer;
        $(".collection-img-like").on("click", function () {
            layer.confirm('确定取消收藏?', {
                closeBtn: false,
                title: false,
                btnAlign: 'c',
                shadeClose: true,
                anim: 5,
                shade: 0.5,
                area: ['7.626rem', '3.266rem']
            }, function (index) {
                layer.close(index);
                $(".layui-layer-btn0").parents("li").remove();
                $(".list-li").remove();
            });
            // $(".list-li").remove()
        });

    });

    // var longPress = function (fn) {
    //     var timeout = undefined;
    //     var $this = this;
    //     for (var i = 0; i < $this.length; i++) {
    //         $this[i].addEventListener('touchstart', function (event) {
    //             timeout = setTimeout(fn, 800); //长按时间超过800ms，则执行传入的方法
    //         }, false);
    //         $this[i].addEventListener('touchend', function (event) {
    //             clearTimeout(timeout); //长按时间少于800ms，不会执行传入的方法
    //         }, false);
    //     }
    // }
</script>
</body>
</html>
